<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>出差记录</title>
    <script src="js/base.js"></script>
    <link rel="stylesheet" href="css/business.css">
</head>
<body>
    <!-- 出差记录了 -->
    <div class="daily">
        <div class="header">
            <span><i></i>出差记录</span>
            <!-- 搜索 -->
            <aside>
                <input type="search" name="" id="sel" placeholder="请输入姓名"><button onclick="chucai()">搜索</button>
            </aside>
            <p>
                2024年3月<img src="images/日常 出差 人员添加 出差日期图标.png" alt="">
                <!-- 判断是否是教师登录如果是则显示申请出差之类的 -->
                <i style="cursor: pointer;margin-left: 5px; font-style: normal; color:#0F6AB1;" onclick="addopen()">申请</i>
            </p>
        </div>
        <div class="banner">
            <table border="0">

                <thead>
                    <tr>
                        <th>姓名</th>
                        <th>出差地点</th>
                        <th>出发时间</th>
                        <th>返回时间</th>
                        <th>出差总时长</th>
                        <th>出差记录ID</th>
                    </tr>
                </thead>
                <tbody id="pageListTableBody">
                </tbody>
            </table>
            <div id="pages">
                <span id="spanFirst">首页</span>
                <span id="spanPre">上一页</span>
                <span id="spanNext">下一页</span>
                <span id="spanLast">尾页</span>
                <!-- 创建盒子存放第几页和总共几页 -->
                第<strong id="spanPageNum"></strong>页/共<strong id="spanTotalPage"></strong>页
            </div>

              <!-- 单击弹出添加出差记录弹窗 -->
          <div class="addopen">
            <div>
                <b>添加出差记录</b>
                <form>
                    <p>姓名: <input type="text"><br>
                        出差地点: <input type="text"><br>
                        交通工具: <input type="text"><br>
                    </p>
                    <p>
                       开始时间: <input type="date" class="setdays"><br>
                       返回时间: <input type="date" name="" id=""><br>
                       出差总时间: <input type="text" class="alldays"><br>
                    </p>
                </form>
                <span>
                    <button onclick="addchu()">确认</button>
                    <button onclick="offadd()">取消</button>
                </span>
            </div>
        </div>
        </div>
        </div>
      
    </div>
    <script src="js/business.js"></script>
</body>
</html>